<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
     <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>编辑页面</title>
<link rel="stylesheet" href="css/estyle.css"/>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/edit.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<%-- <c:set var="user" value="${user }" scope="session"/>
<c:if test="${user==null }">
	<jsp:forward page="login.jsp">
		<jsp:param value="edit.jsp" name="jumpto"/>
	</jsp:forward>
</c:if> --%>
<body>
<jsp:include page="elements/head.jsp"></jsp:include>
<div class="subig">
	<div class="row clearfix">
	
		<!-- 左侧 模块 -->
		<div class="col-md-2 column">
			<div class="tabbable" id="tabs-634516">
				<ul class="nav nav-tabs ">
					<li class="active">
						 <a href="#panel-134203" data-toggle="tab">题目控件</a>
					</li>
					<li>
						 <a href="#panel-767883" data-toggle="tab">问卷大纲</a>
					</li>
				</ul>
				<div class="tab-content">
				<div class="tab-pane active" id="panel-134203">			
				 <button id="select-dan" class="btn btn-default  btn-blocke" type="button">单选题</button> <br>
				 <button id="select-duo" class="btn btn-default  btn-blocke" type="button">多选题</button> <br>
				 <button id="select-dh" class="btn btn-default  btn-blocke" type="button">单行文本题</button> <br>
				 <button id="select-duh" class="btn btn-default  btn-blocke" type="button">多行文本</button><br>
				 <button type="button" class="btn btn-default btn-blocke">填空题</button><br>
				 <button type="button" class="btn btn-default btn-blocke">量表题</button><br>
				 <button id="select-wd" type="button" class="btn btn-default btn-blocke">问答题</button>
				</div>
					<div class="tab-pane" id="panel-767883">
						<p>
							这个标签什么都没有<br>待完善
						</p>
					</div>
				</div>
			</div>
			
	</div>
	
	<!-- 中间模块  -->
		<div class="col-md-8 column">
		<div class="col-md-13 column">
		
			<form role="form" method="post" onsubmit="return formsub()" action="#">
				
				<div class="form-group">
					 <label ></label><input class="form-controlbt" id="biaoti" type="text" value="问卷标题"/>
				</div>
				<div class="form-group">
					<label for="tiji"></label>
					<textarea class="form-controlts" rows="3">&emsp;&emsp;为了给您提供更好的服务，希望您能抽出几分钟时间，将您的感受和建议告诉我们，我们非常重视每位用户的宝贵意见，期待您的参与！现在我们就马上开始吧！</textarea>
				</div >			
			<div class="dxneirong" id="dxneirong">	
				<div class="form-group">
					 <label for="timu">题目</label><input class="form-control xxk" id="timu" type="text" />
				</div>
				<div class="form-group">
					 <label for="beizhu">备注</label><input class="form-control xxk" id="beizhu" type="text" />
				</div>			
			<!-- 下拉框 -->
	<div class="form-group">
		<label for="name"></label>
		<select class="btn-control" id="q_style" name="q_style">
			<option id="select-dan1" value="单选题">单选题</option>
			<option id="select-duo1" selected="selected" value="多选题">多选题</option>
			<option  id="select-dh1" value="单行文本" >单行文本</option>
			<option id="select-dh1" value="多行文本">多行文本</option>
			<option id="select-wd1" value="问答题">问答题</option>
		</select>
				<div class="checkbox">
		<label>
			<input id="isbitian" type="checkbox" name="isbitian" checked="checked">必填
		</label>
				</div>
	</div>		
	<div class="form-group" id="xuanx">
	 <div class="form-group"> <input class="form-controlx " type="text" placeholder="选项"/><img type="button" src="Images/x.png" class="xxremove">
	 	</div>   
	 <div class="form-group"> <input class="form-controlx " type="text" placeholder="选项"/><img type="button" src="Images/x.png" class="xxremove">
	 	</div>   			
			</div>
				 <div><button type="button" class="btn btn-blockt" id="tianjia" onclick="creatinput()">添加选项卡</button>
				 </div><br>			
				 <div class="qdiv">
				 <div class="qdivq"><button type="submit" onclick="insertQuestion();" class="btn btn-primary" id="sureBut">确定</button>
				 </div> 
				 <div class="qdivx"><button type="button" class="btn btn-default">取消</button>
				 </div>
				 </div>			
			</div>
			</form>
		</div>
		</div>
		
	<!-- 右侧模块  -->

	<div class="col-md-2 column">	     
	<div class="panel-group" id="accordion">
		<!-- 收藏题目块 -->
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseOne">
					<span class="glyphicon glyphicon-heart"></span>&emsp;收藏题目
				</a>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse ">
			<div class="panel-body">
				<a href="#" style="text-decoration:none ;color:black">家庭人数</a><br/>
				<a href="#" style="text-decoration:none ;color:black">每月消费</a><br/>
			</div>
			
		</div>
	</div>
	
	<!-- 满意度块 -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseTwo">
					<span class="glyphicon glyphicon-thumbs-up"></span>&emsp;满意度    
				</a>
			</h4>
		</div>
		<div id="collapseTwo" class="panel-collapse collapse">
			<div class="panel-body" >
				总体满意度
				<img  alt="" src="Images/xing.png" height="30" width="30">
				<img  alt="" src="Images/xing.png" height="30" width="30">
				<img  alt="" src="Images/xing.png" height="30" width="30">
				<img  alt="" src="Images/xing.png" height="30" width="30">
				<img  alt="" src="Images/xing.png" height="30" width="30">
				
			</div>
		</div>
	</div>
	
	<!-- 使用背景块 -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseThree">
					<span class="glyphicon glyphicon-question-sign"></span>&emsp;产品使用背景
				</a>
			</h4>
		</div>
		<div id="collapseThree" class="panel-collapse collapse">
			<div class="panel-body">
				<a href="#" style="text-decoration:none ;color:black">半年内使用率：高 </a><br/>
			</div>
		</div>
	</div>
	
	<!-- 友好链接块 -->
	
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseFour">
					<span class="glyphicon glyphicon-cloud"></span>&emsp;友好链接
				</a>
			</h4>
		</div>
		<div id="collapseFour" class="panel-collapse collapse">
			<div class="panel-body">
				<a href="#" style="text-decoration:none ;color:black">好友中现实认识的朋友</a><br/>
				<a href="#" style="text-decoration:none ;color:black">社交软件加了那些人</a><br/>
				<a href="#" style="text-decoration:none ;color:black">每周联系人数</a>
			</div>
		</div>
	</div>	
</div>                 			
	</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-12 column">
		</div>
	</div>
</div>

</body>
</html>
